<script setup>
import { ref } from 'vue'
const infos = ref([
  { icon: '', title: '找贷款', route: '' },
  { icon: '', title: '找担保', route: '' },
  { icon: '', title: '找保险', route: '' },
  { icon: '', title: '找投资', route: '' },
  { icon: '', title: '找资产', route: '' },
  { icon: '', title: '找政策', route: '' },
  { icon: '', title: '找政策', route: '' },
  { icon: '', title: '云秒贴', route: '' }
])
</script>
<template>
  <div class="w-full container mx-auto py-5 flex flex-column">
    <HeadLine title="综合服务" />
    <div class="border-1 grid">
      <div
        v-for="(item, index) in infos"
        :key="index"
        class="col-3 h-24rem p-3 flex justify-content-center align-items-center cursor-pointer"
      >
        <div class="text-3xl w-full h-full surface-400">{{ item.title }}</div>
      </div>
    </div>
  </div>
</template>
